<template>
  <div class="background-image">
    <div class="home">
      <SearchPage />
    </div>
  </div>
</template>

<style>
.background-image {
  background-image: url('../assets/background.jpg');
  /* 设置背景图片 */
  opacity: 0.6;
  /* 设置透明度，0.5表示50%透明度 */
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh;
  /* 设置容器高度为视口高度 */
  width: 100vw;
}

/* 确保内容在背景之上 */
.background-image-content {
  position: relative;
  z-index: 1;
}
</style>


<script lang="ts">
import { defineComponent } from 'vue';
import SearchPage from '@/components/SearchPage.vue'; // @ is an alias to /src

export default defineComponent({
  name: 'SearchView',
  components: {
    SearchPage,
  },
});
</script>